/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */
/* Edited by *	
/**************** Navigation styles ****************/

#navigation{
height:25px;
line-height:2.2em;
margin:0;
background:#2469C6;
color:#ffffff;
}

#navigation li{
margin: 0px;
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}

#navigation li.right {
float:right;
list-style-type:none;
border-right:0;
border-left:1px solid #ffffff;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0px 10px 0px 22px;
font-size:0.9em;
font-size:10px;
font-weight:normal;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

#navigation li.submenu {
background:url(../img/arrow_down.png) 96% 80% no-repeat;
padding: 0px 4px;
}
#navigation li.submenu a {padding:0px 16px 0px 22px;}
* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
color:#ffffff;
text-decoration:none;
background-color: #80b0da;
background-color: #6af;
}

/**************** Icons *******************/
.icon {
background-position: 0% 40%;
background-repeat: no-repeat;
padding-left: 20px;
padding-top: 2px;
padding-bottom: 3px;
vertical-align: middle;
}
.icon2 {
background-position: 0% 40%;
background-repeat: no-repeat;
padding: 2px 10px;
vertical-align: middle;
}

#navigation .icon {
background-position: 4px 50%;
}

.icon22 {
background-position: 0% 40%;
background-repeat: no-repeat;
padding-left: 26px;
line-height: 22px;
vertical-align: middle;
}

.icon-home {
	background-image: url(../img/house.png); 
}
.icon-ad {
	background-image: url(../img/ad.png); 
}
.icon-vehicle {
	background-image: url(../img/lorry.png); 
}
.icon-route{
	background-image: url(../img/arrow_switch.png); 
}
.icon-trip{
	background-image: url(../img/clock.png); 
}
.icon-telematics{
	background-image: url(../img/transmit.png); 
}
.icon-system{
	background-image: url(../img/computer.png); 
}
.icon-settings{
	background-image: url(../img/settings.png); 
	background-image: url(../img/wrench_orange.png); 
}
.icon-message{
	background-image: url(../img/comment.png); 
}
.icon-report{
	background-image: url(../img/report.png); 
}
.icon-admin{
	background-image: url(../img/gear.png); 
}
.icon-users{
	background-image: url(../img/group_gear.png); 
}
.icon-user{
	background-image: url(../img/user_edit.png); 
}
.icon-configure{
	background-image: url(../img/wrench_orange.png); 
}

/*==========  Drop down menu  ==============*/
div.menu {
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  /*border-color: #7F9DB9;*/
  border-color: #58e;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  font-size:0.9em;
  font-size:10px;
  font-weight: normal;
  line-height: 2em;
  color: #000000;
  background-color: #FFFFFF;
  cursor: default;
  display: block;
  padding: 0 1em;
  margin: 0;
  border: 0;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #6af;
  color: #ffffff;
  cursor: pointer;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  background:url(../img/arrow_black.gif) 96% 80% no-repeat;
  margin-left: -20px;
}


div.menu a.disabled {
	color: #aaa;
	cursor: crosshair;
}
div.menu a.disabled:hover {
	background-color: #ddd;
	cursor: crosshair;
}
div.menu hr{
	border: 0px;
	border-bottom: 1px solid #ccc;
	color: #ccc;
}